<!doctype html>
<html>
<head>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>小米帐号 - 登录</title>
    <link href="static/css/login.css"  rel="stylesheet" type="text/css">
</head>

<body class="win_banner_stylepc win_banner_mistore zh_CN">
<div class="wrapper">
    <!-- loading -->
    <div class="popup_mask acquirePhoneMask" style="display:none;" id="loadingMask">
        <div class="bkc"></div>
        <div class="mod_wrap loadingmask">
        </div>
        <div class="loadingTips">正在检测你的帐号信息...</div>
    </div>
    <!--bg_banner_start-->
    <div class="bgiframe">
        <iframe name="ifr" style="height:100%" width="100%" height="686" src="https://s1.mi.com/loginbanner.html" id="bgiframe" frameborder="0" scrolling="no"></iframe>
    </div>
    <!--bg_banner_end-->
    <div class="wrap">
        <div class="layout_panel">
            <div class="layout" id="layout">
                <!--表单输入登录-->
                <div class="mainbox form-panel" id="login-main">
                    <div id="custom_display_2">
                        <a class="ercode" id="qrcode-trigger" href="javascript:void(0)"></a>
                    </div>
                    <!-- header s -->
                    <div class="lgnheader">
                        <div class="header_tit t_c">
                            <em id="custom_display_1" class="milogo">
                                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                    <rect width="48" height="48" rx="3" ry="3" style="fill:#ff6700"></rect>
                                    <rect x="10" y="15" width="4.2" height="18" style="fill:#FFFFFF"></rect>
                                    <rect x="33.75" y="15" width="4.2" height="18" style="fill:#FFFFFF"></rect>
                                    <rect x="11.25" y="15" width="15" height="4.1" style="fill:#FFFFFF"></rect>
                                    <rect x="26.2" y="20.55" width="4.2" height="12.5" style="fill:#FFFFFF"></rect>
                                    <rect x="20.6" y="15" width="9.8" height="9.8" rx="4.4" ry="4.4" style="fill:#FFFFFF"></rect>
                                    <rect x="20.2" y="19" width="6" height="6" rx="2" ry="2" style="fill:#ff6700"></rect>
                                    <rect x="18" y="19.1" width="4" height="2.2" style="fill:#ff6700"></rect>
                                    <rect x="24.2" y="23" width="1.94" height="10" style="fill:#ff6700"></rect>
                                    <rect x="18.1" y="22.8" width="4.2" height="10.2" style="fill:#FFFFFF"></rect>
                                </svg>
                            </em>
                            <h4 class="header_tit_txt" id="login-title">小米帐号登录</h4>
                            <div class="site_info"></div></div>
                    </div>
                    <!-- header e -->
                    <!-- tab s -->
                    <div class="nav_tabs_panel">
                        <div id="nav-tabs" class="nav_tabs">
                            <a class="navtab-link" href="javascript:void(0);" data-tab="qr">扫码登录</a>
                            <span class="line"></span>
                            <a class="navtab-link now" href="javascript:void(0);" data-tab="pwd">帐号登录</a>
                        </div>
                    </div>
                    <!-- tab e -->
                    <!-- tab con s -->
                    <div class="tabs-con tabs_con now" data-con="pwd">
                        <div>
                            <div class="login_area">
                                <form action="#" method="POST" id="login-main-form">
                                    <div class="loginbox c_b">
                                        <!-- 输入框 -->
                                        <div class="lgn_inputbg c_b login-panel pwdLogin">
                                            <!--验证用户名-->
                                            <div class="single_imgarea" id="account-info">
                                                <div class="na-img-area" id="account-avator" style="display:none">
                                                    <div class="na-img-bg-area" id="account-avator-con"></div>
                                                </div>
                                                <p class="us_name tac" id="account-displayname"></p>
                                                <p class="us_id tac"></p>
                                            </div>
                                            <label id="region-code" class="labelbox login_user c_b" for="">
                                                <div class="turn_area">
                                                    <a class="btn_turn" id="manual_code" href="javascript:void(0);" title="关闭国家码"></a>
                                                </div>
                                                <div class="country_list">
                                                    <div class="animation countrycode_selector" id="countrycode_selector">
                                                        <span class="country_code">
                                                            <tt class="countrycode-value" id="countrycode_value"></tt>
                                                            <i class="icon_arrow_down"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <input class="item_account" autocomplete="off" type="text" name="user" id="username" placeholder="邮箱/手机号码/小米ID">
                                            </label>
                                            <div class="country-container" id="countrycode_container" style="display: none;">
                                                <div class="country_container_con" id="countrycode_container_con"></div>
                                            </div>
                                            <label class="labelbox pwd_panel c_b">
                                                <input class="item_account" type="password" placeholder="密码" autocomplete="off" id="pwd" name="password">
                                                <input class="item_account" type="text" placeholder="密码" autocomplete="off" id="visiablePwd" name="visiablepwd" style="display:none">
                                                <div class="eye_panel pwd-visiable">
                                                    <i class="eye pwd-eye">
                                                        <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                                            <path class="eye_outer" d="M0 8 C6 0,14 0,20 8, 14 16,6 16, 0 8 z"></path>
                                                            <circle class="eye_inner" cx="10" cy="8" r="3"></circle>
                                                        </svg>
                                                    </i>
                                                </div>
                                                <div id="sms-code-panel" class="code_panel">
                                                    <a href="javascript:;" id="getSMSCode">获取验证码</a>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="security_Controller" style="display: none;">
                                            <label class="checkbox_area">
                                                <input type="checkbox" id="trustSecurityController" class="checkbox">使用安全控件</label>
                                        </div>
                                        <div id="captcha"></div>
                                        <!-- 错误信息 -->
                                        <div class="err_tip">
                                            <div>
                                                <em class="icon_error"></em>
                                                <span class="error-con"></span>
                                            </div>
                                        </div>
                                        <!-- 登录频繁 -->
                                        <div id="error-forbidden" class="err_forbidden">您的操作频率过快，请稍后再试。</div>
                                        <div class="btns_bg">
                                            <input class="btnadpt" id="login-button" type="submit" value="登录">
                                            <span id="custom_display_8" class="sns-default-container sns_default_container" style="display: none;"></span>
                                        </div>
                                        <div class="other_panel clearfix">
                                            <span id="custom_display_256" class="sms_link">
                                            <a href="javascript:;" class="btnadpt btn_gray" id="ChangeLoginType">手机短信登录/注册</a>
                                            </span>
                                            <div class="reverse">
                                                <div class="n_links_area" id="custom_display_64">
                                                    <a class="outer-link" href="#">立即注册</a><span>|</span>
                                                    <a class="outer-link" href="#">忘记密码？</a>
                                                </div>
                                            </div>
                                            <!-- 其他登录方式 s -->
                                            <div style="display: block;" class="other_login_type sns-login-container" id="custom_display_16">
                                                <fieldset class="oth_type_tit">
                                                    <legend align="center" class="oth_type_txt">其他方式登录</legend>
                                                </fieldset>
                                                <div class="oth_type_links">
                                                    <a class="icon_type btn_qq sns-login-link" data-type="qq" href="#" title="QQ登录" target="_blank">
                                                        <i class="btn_sns_icontype icon_default_qq"></i>
                                                    </a>
                                                    <a class="icon_type btn_weibo sns-login-link" data-type="weibo" href="#" title="微博登录" target="_blank">
                                                        <i class="btn_sns_icontype icon_default_weibo"></i>
                                                    </a>
                                                    <a class="icon_type btn_alipay sns-login-link" data-type="alipay" href="#" title="支付宝登录" target="_blank">
                                                        <i class="btn_sns_icontype icon_default_alipay"></i>
                                                    </a>
                                                    <a class="icon_type btn_weixin sns-login-link" data-type="weixin" href="#" title="微信登录" target="_blank">
                                                        <i class="btn_sns_icontype icon_default_weixin"></i></a>
                                                </div>
                                            </div>
                                            <!-- 其他登录方式 e -->
                                            <p class="acq_tips" style="display: none;"></p>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="tabs-con tabs_con" data-con="qr">
                    </div>
                    <!-- tab con e -->
                </div>
                <div class="ercode_area" id="login-qrcode">
                    <div class="ercode_pannel">
                        <a class="code_close" href="javascript:void(0)" title="关闭" id="qrcode-close">
                            <span class="icon_code_close"></span>
                        </a>
                        <div class="ercode_box">
                            <div class="code_hd">
                                <h3 class="code_tit">小米帐号扫码登录</h3>
                                <p>请打开「设置 &gt; 小米帐号 &gt; 右上角扫一扫」扫码登录</p>
                            </div>
                            <div class="code_iframe">
                                <iframe style="background:#fff;" src="about:blank" id="qriframe" frameborder="0" scrolling="no" sandbox="allow-scripts allow-same-origin allow-top-navigation"></iframe>
                            </div>
                            <div class="custom_sub_txt">
                                <p id="custom-qr-name">使用<span>小米商城APP</span>扫一扫</p>
                                <p>小米手机可打开「设置」&gt;「小米帐号」扫码登录</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 取号注册 -->
                <div id="ac-register" class="tac mode_panel form-panel" style="display: none">
                    <h1>注册小米帐号</h1>
                    <div class="box">
                        <img src="https://account.xiaomi.com/static/res/bcc9d9f/account-static/respassport/acc-2014/img/2018/sim.png" alt="sim card" width="70" height="70">
                        <p>手机号：<span class="maskedPhone"></span></p>
                    </div>
                    <div class="err_tip">
                        <div class="dis_box"><em class="icon_error"></em><span class="error-con"></span></div>
                    </div>
                    <div class="fixed_bot">
                        <a href="javascript:;" class="btnadpt ok_btn">一键注册</a>
                        <a href="javascript:;" class="btnadpt no_btn btn_gray">登录其他帐号</a>
                    </div>
                    <p class="acq_tips" style="display: none">取号来源于中国移动</p>
                    <p class="agreeTip">
                        <i class="icon_select icon_true"></i>同意小米的
                        <a href="#" class="agreement_link">用户协议</a>和
                        <a href="#" class="privacy_link"> 隐私政策 </a>
                    </p>
                </div>
                <!-- 回收号确认 -->
                <div id="ac-confirm" class="tac mode_panel form-panel" style="display: none">
                    <div>
                        <div class="box">
                            <div class="na-img-area">
                                <div class="na-img-bg-area us-portraitUrl"></div>
                            </div>
                            <div class="confirm_tips">
                                <p class="us_name us-userName">昵称：<span class="usernameShow"></span></p>
                                <p>小米ID：<span class="useridShow"></span></p>
                                <h2>这是你的帐号吗？</h2>
                            </div>
                        </div>
                    </div>
                    <div class="err_tip">
                        <div class="dis_box">
                            <em class="icon_error"></em>
                            <span class="error-con"></span>
                        </div>
                    </div>
                    <div class="fixed_bot">
                        <a href="javascript:;" class="btnadpt plain ok_btn">是我的，立即登录</a>
                        <a href="javascript:;" class="btnadpt plain no_btn">不是我的，注册新帐号</a>
                    </div>
                    <p class="acq_tips" style="display: none">取号来源于中国移动</p>
                    <p class="ptb30">
                        <a href="javascript:;" class="back_btn blue">登录其他帐号</a>
                    </p>
                </div>
                <div id="set-pwd" class="mode_panel set_pwd_panel form-panel">
                    <h4>请设置您的密码：</h4>
                    <label class="labelbox c_b">
                        <input class="item_account set-password re-password" type="password" name="password" placeholder="请输入密码">
                    </label>
                    <label class="labelbox c_b">
                        <input class="item_account set-password" name="repassword" type="password" placeholder="请输入确认密码">
                    </label>

                    <div class="err_tip pwd_tip">
                        <div class="dis_box">
                            <em class="icon_error"></em><span class="error-con" data-origin="密码长度8~16位，数字、字母、字符至少包含两种">密码长度8~16位，数字、字母、字符至少包含两种</span>
                        </div>
                    </div>
                    <div class="btns_bg">
                        <a id="register-button" class="btnadpt">立即注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="custom_display_4" class="n-footer">
    <div class="nf-link-area clearfix">
        <ul class="lang-select-list">
            <li><a href="javascript:void(0)" data-lang="zh_CN" class="lang-select-li current">简体</a>|</li>
            <li><a href="#" data-lang="zh_TW" class="lang-select-li">繁体</a>|</li>
            <li><a href="#">English</a>|</li>
            <li><a href="#" target="_blank">常见问题</a>|</li>
            <li><a id="msg-privacy" href="#" target="_blank">隐私政策</a></li>
        </ul>
    </div>
    <p class="nf-intro">小米公司版权所有-京ICP备10046444-
        <a class="beian-record-link" target="_blank" href="">
            <span>
               <img src="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png">
            </span>京公网安备11010802020134号
        </a>-京ICP证110507号
    </p>
</div>
<div id="cookie-usage-notify" class="cookie_usage_notify"></div>
</body>
</html>